<div class="tab">
                          <a href="###" id="tab_tab_1" class="selected" onclick="swaptab('tab','selected','',2,1)">选项卡1<b class="arrow arrow_b"></b></a>
                          <a href="###" id="tab_tab_2" onclick="swaptab('tab','selected','',2,2)">选项卡2<b class="arrow arrow_b"></b></a>
                      </div>
                      
                      <div class="tab_detail">
                              <div id="div_tab_1" class="tabdetail">选项卡1内容</div>
                              <div id="div_tab_2" class="tabdetail hidden">选项卡2内容</div>
                      </div>



                       <progress max="100" value="80">80%</progress>
                        <!--loading 加载 start-->
                        <div class="loading_bar">
                              <div class="progress_bar shine" style="width:80%;">loading</div>
                        </div>
                        <!--loading 加载 end-->

                        <h2 class="title">手风琴</h2>
                    
                        <div class="state_desc">
                          <dl class="state_container green">
                              <dt class="state_title">描述标题</dt>
                                <dd class="state_detail">描述内容</dd>
                            </dl>
                            <dl class="state_container">
                              <dt class="state_title">描述标题</dt>
                                <dd class="state_detail">描述内容</dd>
                            </dl>
                            <dl class="state_container">
                              <dt class="state_title">描述标题</dt>
                                <dd class="state_detail">描述内容</dd>
                            </dl>
                        </div>